.accordionMenu > li:hover > a,
.accordionMenu > li:target > a,
.accordionMenu > li > a.active {
    color: #3e5706;
    text-shadow: 1px 1px 1px rgba(255,255,255, .2);
 
    /*background: url(../img/active.png) repeat-x;*/
    background: #a5cd4e;
    background: -moz-linear-gradient(top,  #a5cd4e 0%, #6b8f1a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a));
    background: -webkit-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);
    background: -o-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);
    background: -ms-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);
    background: linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%);
}

.accordionMenu > li:hover > a span,
.accordionMenu > li:target > a span,
.accordionMenu > li > a.active span {
    color: #fdfdfd;
    text-shadow: 0px 1px 0px rgba(0,0,0, .35);
    background: #3e5706;
}

.accordionMenu li.files > a:before { background-position: 0px 0px; }
.accordionMenu li.files:hover > a:before,
.accordionMenu li.files:target > a:before,
.accordionMenu li.files > a.active:before { background-position: 0px -24px; }
 
.accordionMenu li.mail > a:before { background-position: -24px 0px; }
.accordionMenu li.mail:hover > a:before,
.accordionMenu li.mail:target > a:before,
.accordionMenu li.mail > a.active:before { background-position: -24px -24px; }
 
.accordionMenu li.cloud > a:before { background-position: -48px 0px; }
.accordionMenu li.cloud:hover > a:before,
.accordionMenu li.cloud:target > a:before,
.accordionMenu li.cloud > a.active:before { background-position: -48px -24px; }
 
.accordionMenu li.sign > a:before { background-position: -72px 0px; }
.accordionMenu li.sign:hover > a:before,
.accordionMenu li.sign:target > a:before,
.accordionMenu li.sign > a.active:before { background-position: -72px -24px; }

Source: http://designmodo.com/jquery-accordionMenu-menu/#ixzz2BknVe5ne


